body,
html {
  width: 100%;
  height: 100%;
  margin: 0;
}

body {
  // background: #070c23;
  width: 100%;
  height: 100%;
  background: url("./img/bgdt.png") center;
  background-size: auto 100%;
}

ul {
  list-style: none;
}

* {
  box-sizing: border-box;
}

.echarts {
  width: 100% !important;
  height: 100% !important;
}

// 盒子公共样式面板
.panel {
  position: relative;
  border: 15px solid transparent;
  border-width: 14px;
  border-image-source: url("../assets//img//border1.png");
  border-image-slice: 14;
  margin-bottom: 20px;
  // border: 1px solid #cccccc;
}

.panel1 {
  position: relative;
  border: 15px solid transparent;
  border-width: 14px;
  border-image-source: url("../assets//img/newbordel.png");
  border-image-slice: 14;
  margin-bottom: 20px;
}

// 标题盒子公共样式 图片边框
.panel-title {
  position: relative;
  border: 9px solid transparent;
  border-width: 14px;
  border-image-source: url("../assets//img/title1.png");
  border-image-slice: 29;
}

a {
  text-decoration: none;
  color: #ccc;
}

// 小标题盒子的公共样式
.public {
  z-index: 999;
  width: 160px;
  height: 36px;
  position: absolute;
  background: url("../assets/img/title-msg.png") no-repeat;
  background-size: 100%;
  left: 50%;
  top: -7px;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 23.2px;
  color: #48eaff;
  font-family: YouSheBiaoTiHei;
}

.public1 {
  z-index: 999;
  width: 190px;
  height: 36px;
  position: absolute;
  background: url("../assets/img/title-msg.png") no-repeat;
  background-size: 100%;
  left: 50%;
  top: -7px;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 23.2px;
  color: #48eaff;
  font-family: YouSheBiaoTiHei;
}

.public-font {
  text-align: center;
  font-size: 23px;
  color: #48eaff;
  font-family: YouSheBiaoTiHei;
}

.gaojing .el-dialog {
  height: 150px;

  .el-dialog__body {
    margin-top: 20px;
  }
}

.el-dialog {
  top: 50%;
  transform: translateY(-100%);
  // height: 258px;
  height: 270px;
  background-color: rgba(97, 129, 164, 0.7);
  font-family: YouSheBiaoTiHei;
  font-weight: 400;
  color: #48eaff;
  font-size: 22px;
  line-height: 30px;

  .el-dialog__title {
    color: #48eaff;
    font-size: 22px;
  }

  .el-form-item__label {
    font-size: 16px;
    font-family: YouSheBiaoTiHei;
    font-weight: 400;
    color: #48eaff;
    text-align: left;
  }
  .el-input--medium .el-input__inner,
  .el-input--suffix .el-input__inner,
  .el-range-editor--medium.el-input__inner,
  .el-input__inner {
    background-color: #0c4582;
    opacity: 0.6;
    font-size: 16px;
    font-family: YouSheBiaoTiHei;
    text-align: center;
    font-weight: 400;
    color: #1ccce5;
  }

  .el-input--medium .el-input__inner,
  .el-input--suffix .el-input__inner,
  .el-range-editor--medium.el-input__inner,
  .el-input__inner {
    width: 195px;
  }

  .el-range-editor--medium .el-range-input {
    background-color: #0c4582;
    font-size: 16px;
    font-family: YouSheBiaoTiHei;
    color: #1ccce5;
    width: 100px;
  }
  .el-date-editor .el-range__icon {
    display: none;
  }
  .el-range-separator {
    color: #fff;
  }
  .el-range-editor--medium .el-range-separator {
    width: 20px;
  }
  .el-range-editor--medium.el-input__inner {
    width: 260px;
  }
  // .el-range-editor--medium.el-input__inner {
  //   background-color: #0c4582;
  //   font-size: 16px;
  //   font-family: YouSheBiaoTiHei;
  //   color: #1ccce5;
  // }

  .el-dialog__body {
    padding: 10px 10px;
  }

  .el-dialog__header {
    display: flex;
    justify-content: center;
    line-height: 18px;
    background: linear-gradient(
      90deg,
      rgba(3, 18, 65, 0.5) 0%,
      rgba(22, 138, 219, 0.5) 47%,
      rgba(2, 13, 47, 0.5) 100%
    );
  }

  .el-button {
    width: 168px;
    height: 36px;
    color: #48eaff;
    border: 0;
    // line-height: 36px;
  }

  .el-button:nth-child(1) {
    background-color: #0c4582;
    opacity: 0.9;
  }

  .el-button:nth-child(2) {
    background: -webkit-linear-gradient(90deg, #568efd 0%, #3ac6d5 100%);
    opacity: 0.8;
  }
  .el-input--medium .el-input__icon {
    display: none;
  }
  .el-input--suffix .el-input__inner {
    padding: 0;
  }
  .el-input--medium {
    width: 263px;
  }
}
.gaojing .el-dialog {
  // height: 180px;
  height: 190px;
}
.gaojing .el-dialog .el-dialog__body {
  margin-top: 0;
  text-align: left;
}
.gaojing span {
  font-size: 16px;
  // font-family: YouSheBiaoTiHei;
  font-weight: 400;
  color: #1ccce5;
  text-align: left;
}
